<template>
    <el-card>
        <div class="flex mt18 tlc mb20">
            <div class="flex1">灾难时间段：2020-07-21 15:00-17:00</div>
            <div class="flex1">预警时间段：2020-07-21 15:00-17:00</div>
            <div class="flex1">类型：暴雨</div>
            <div class="flex1">地区：北京-丰台区-南京路</div>
            <div class="flex1">预警车辆数：234</div>
            <div class="flex1">避险车辆数：123</div>
        </div>
        <m-map ref="MMap" style="width:100%;height:600px;" :onLoad="mapInit"></m-map>
    </el-card>
</template>

<script>
    export default {
        name: 'positionDetail',
        data () {
            return {
                lon : "123.43317738067627",
                lat : "41.801455072958895"
            }
        },
        created () {
        },
        methods: {
            mapInit (maplet) {
                // 地图初始化和绑定事件
                this.maplet = maplet
                maplet.setLockBounds()
                maplet.setZoomLevel(16)
                this.$refs.MMap.makeCircleAreaForLonAndLat(1000,{lon:this.lon,lat:this.lat})
            }
           
        }
    }
</script>

<style scoped>
</style>
